<template>
  <div class='container'>
    <div class="articles-container">
      <el-card>
        <el-alert
          title="共有100条记录"
          type="info"
          :closable="false">
        </el-alert>
        <el-table
          :data="tableData"
          style="width: 100%;margin-top: 10px">
          <el-table-column
            prop="type"
            label="操作类型"
            >
          </el-table-column>
          <el-table-column
            prop="username"
            label="操作人"
            >
          </el-table-column>
          <el-table-column
            prop="result"
            label="执行结果">
          </el-table-column>
          <el-table-column
            prop="time"
            label="操作时间">
          </el-table-column>
          <el-table-column
            prop="describe"
            label="描述">
          </el-table-column>
        </el-table>

<!--        分页-->
       <el-row type="flex" justify="end" style="margin-top: 20px">
         <el-col :span="12">
           <el-pagination
             :current-page="currentPage4"
             :page-sizes="[10, 20, 100]"
             :page-size="10"
             layout="total, sizes, prev, pager, next, jumper"
             :total="100">
           </el-pagination>
         </el-col>
       </el-row>
      </el-card>
    </div>
  </div>
</template>

<script>
import { list } from '@/api/base/logs'

export default {
  data () {
    return {
      tableData: [
        {
          type: 'US',
          username: '吕强',
          result: '响明劳的过人区节中而派白己数算在除备周方八构出高最其维该院支圆术你单结应元性线报属战平。',
          time: '2004-05-13 12:01:23',
          describe: '34.67'
        },
        {
          type: 'US',
          username: '吕强',
          result: '响明劳的过人区节中而派白己数算在除备周方八构出高最其维该院支圆术你单结应元性线报属战平。',
          time: '2004-05-13 12:01:23',
          describe: '34.67'
        },
        {
          type: 'US',
          username: '吕强',
          result: '响明劳的过人区节中而派白己数算在除备周方八构出高最其维该院支圆术你单结应元性线报属战平。',
          time: '2004-05-13 12:01:23',
          describe: '34.67'
        },
        {
          type: 'US',
          username: '吕强',
          result: '响明劳的过人区节中而派白己数算在除备周方八构出高最其维该院支圆术你单结应元性线报属战平。',
          time: '2004-05-13 12:01:23',
          describe: '34.67'
        },
        {
          type: 'US',
          username: '吕强',
          result: '响明劳的过人区节中而派白己数算在除备周方八构出高最其维该院支圆术你单结应元性线报属战平。',
          time: '2004-05-13 12:01:23',
          describe: '34.67'
        },
        {
          type: 'US',
          username: '吕强',
          result: '响明劳的过人区节中而派白己数算在除备周方八构出高最其维该院支圆术你单结应元性线报属战平。',
          time: '2004-05-13 12:01:23',
          describe: '34.67'
        },
        {
          type: 'US',
          username: '吕强',
          result: '响明劳的过人区节中而派白己数算在除备周方八构出高最其维该院支圆术你单结应元性线报属战平。',
          time: '2004-05-13 12:01:23',
          describe: '34.67'
        }
      ],
      currentPage4: 1
    }
  },

  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>
.articles-container{
  padding: 10px;
}
</style>
